<template>
  <div class="barge-container">
    <div class="barge-content" v-for="(content, index) in data.content" data-sl="2">
      {{ content }}
    </div>
  </div>
</template>
<script setup>
import { onMounted, ref, toRefs } from "vue";
const props = defineProps({
  data: {
    type: Object,
    default: () => ({}),
  },
});
const { title, content } = toRefs(props.data);
</script>
<style scoped>
.barge-container {
  width: 100%;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-around;

  .barge-content {
    min-width: 220px;
    border-radius: 8px;
    background: pink;
  }
}
</style>
